
<html>
<head>
<title>Benutzerdaten eingeben</title>
  <style type="text/css">@import "template-dragon_form-style.css";</style>
  <script language="JavaScript" src="jquery.js"></script>
  <script language="JavaScript" src="jquery.validation.js"></script>
<!-- 
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
  <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> 
-->  
  <script type="text/javascript"> 
    $(document).ready(function() 
    { 
      $("#form1").validate(
    	{ 
        rules:
        { 
          first_name: "required",
          last_name:  "required",
          postcode: 
          {
        	  required: true,
        	  digits: true
        	},
          mail:
          { 
            required: true,
        	  email: true
        	},
          phone:
  	      {
  	    	  required: true,
			      digits: true
			    },
        } 
       }); 
     }); 
   </script>
</head>
<body>
    <form id="form1" method="post" action="user_data_handler.php"> 
        <div class="form-row"><span class="label">Titel</span><input type="text" name="title" /></div> 
        <div class="form-row"><span class="label">Vorname</span><input type="text" name="first_name" /></div> 
        <div class="form-row"><span class="label">Nachname</span><input type="text" name="last_name" /></div> 
        <div class="form-row"><span class="label">Adresse</span><input type="text" name="address" /></div> 
        <div class="form-row"><span class="label">PLZ</span><input type="text" name="postcode" /></div> 
        <div class="form-row"><span class="label">Ort</span><input type="text" name="city" /></div>
        <div class="form-row"><span class="label">Land</span><input type="text" name="country" /></div>
        <div class="form-row"><span class="label">Telefon</span><input type="text" name="phone" /></div>
        <div class="form-row"><span class="label">E-Mail</span><input type="text" name="mail" /></div>
        <div class="form-row"><span class="label">Homepage</span><input type="text" name="homepage" /></div>
        <div class="form-row"><span class="label">Arbeitgeber</span><input type="text" name="employer" /></div> 
        <div class="form-row"><span class="label">Position</span><input type="text" name="position" /></div> 
        <div class="form-row"><input class="submit" type="submit" value="Submit"></div> 
    </form> 
</body>
</html>

